<!doctype html>

<html lang="zh-CN">
<head title="小智BI设计器-html嵌入">
    <meta charset="UTF-8">
</head>
<body>
<button onclick="saveChartDesignerData()" >保存BI报表</button>
<div id="chartDesigner" style="height:100%"></div>

<script src="../../xzSourceCode/xzChartDesigner/report.js"></script>
<link type="text/css" rel="stylesheet" href="../../xzSourceCode/xzChartDesigner/report.css">
<script src="response_data.js"></script>
<script src="results.js"></script>
<script src="onUpdateDatasetList.js"></script>

<script src="onUpdateData.js"></script>
<script src="../xzCharDesignerOption.js"></script>

<script>
    option.onUpdateDatasetList=onUpdateDatasetList;
    option.onUpdateData=onUpdateData;
    //采用这种方式，表示拿到的是‘动态的远程数据’（虽然这里用来mock，但是走的是异步事件拿到的mock数据，因此，操作页面出现编辑不了，应该是合理的（建议友好提示：外部数据集，不可以编辑）
    //在这样的模式下，添加数据集，js数据，创建的数据，可以’编辑‘

    //let    designer = new XZChartDesigner("#chartDesigner", option,report);
    let    designer = new XZChartDesigner("#chartDesigner", option);
    let    chartDesignerReportData;
    function  saveChartDesignerData(){
       chartDesignerReportData= designer.getSaveData();
       console.log(chartDesignerReportData);
    }
</script>

</body>

</html>
